<template>
  <div>
    <el-card>
      <div class="main">
        <div class="main-top">
          <h3>基本信息</h3>
        </div>
        <div class="main-bottom">
          <div class="item1">
            <h5>项目基本信息</h5>
            <table cellspacing="0" cellpadding="0">
              <tbody align="center">
                <tr>
                  <td align="right">项目名称&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectName }}
                  </td>
                  <td align="right">项目代码&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectCode }}
                  </td>
                </tr>
                <!-- <tr>
              <td align="right">
                <span class="star">*</span>项目代码:
              </td>
              <td  width="257px" colspan="3" align="left">
                 
              </td>
            </tr> -->
                <tr>
                  <td width="157px" align="right">项目属地&nbsp;&nbsp;</td>
                  <td align="left">&nbsp;{{ projectInfo.projectTerritory }}</td>
                  <td width="10%" align="right">项目类型&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectType }}
                  </td>
                </tr>
                <tr>
                  <td align="right">项目审批/核准/备案机关&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectType }}
                  </td>
                  <td width="15%" align="right">项目类别&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectType }}
                  </td>
                </tr>
                <tr>
                  <td align="right">主关联项目&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectRelationGuid }}
                  </td>
                  <td align="right">项目建设地点&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectBuildAddress }}
                  </td>
                </tr>
                <!-- <tr>
              <td  align="right">
                <span class="star">*</span>项目建设地点:
              </td>
              <td width="257px" colspan="3" align="left">
                
              </td>
            </tr> -->
                <tr>
                  <td align="right">项目所属行业&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectIndustry }}
                  </td>
                  <td width="257px" align="right">项目性质&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.buildNature }}
                  </td>
                </tr>

                <tr>
                  <td align="right">拟开工时间&nbsp;&nbsp;</td>
                  <td align="left">&nbsp;&nbsp;{{ projectInfo.startTime }}</td>
                  <td align="right">拟建成时间&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.completeTime }}
                  </td>
                </tr>
                <tr>
                  <td width="25%" align="right">项目总投资&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectInvestment }}万元
                  </td>
                  <td width="25%" align="right">固定资产投资&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.fixedAssetsInvestment }}万元
                  </td>
                </tr>
                <!-- <tr>
              <td width="25%" align="right">
                <span class="star">*</span>固定资产投资:
              </td>
              <td align="left" >
                 万元
              </td>
            </tr> -->
                <tr>
                  <td width="25%" align="right">土建工程费&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.projectCost }}
                  </td>
                  <td width="25%" align="right">设备置购费&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.buyCost }}万元
                  </td>
                </tr>
                <tr>
                  <td width="25%" align="right">安装工程费&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.installCost }}
                  </td>
                  <td width="10%" align="right">
                    工程建设其他费用&nbsp;&nbsp;
                  </td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.buildOtherCost }}万元
                  </td>
                </tr>

                <tr>
                  <td width="25%" align="right">铺底流动资金&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.workingCapital }}万元
                  </td>
                  <td width="25%" align="right">资金来源&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.capitalSource }}万元
                  </td>
                </tr>
                <!-- <tr>
              <td width="25%" align="right">
                <span class="star">*</span>资金来源:
              </td>
              <td align="left" colspan="3">
                 万元
              </td>
            </tr> -->

                <tr>
                  <td width="5%" align="right">
                    自有资金(非财政性资金)&nbsp;&nbsp;
                  </td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.ownFunds }}万元
                  </td>
                  <td align="right">财政性资金&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.financeCost }}万元
                  </td>
                </tr>

                <tr>
                  <td width="5%" align="right">银行贷款&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.bankLoans }}万元
                  </td>
                  <td align="right">其他&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.otherCost }}万元
                  </td>
                </tr>
                <tr>
                  <td width="5%" align="right">总用地面积&nbsp;&nbsp;</td>
                  <td align="left">&nbsp;&nbsp;{{ projectInfo.landArea }}亩</td>
                  <td align="right">其中新增建设用地&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.buildLand }}亩
                  </td>
                </tr>
                <tr>
                  <td width="5%" align="right">总建筑面积&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.buildArea }}平方米
                  </td>
                  <td align="right">其中地上建筑面积&nbsp;&nbsp;</td>
                  <td align="left">
                    &nbsp;&nbsp;{{ projectInfo.landUpArea }}平方米
                  </td>
                </tr>
                <tr>
                  <td align="right">建设规模及内容&nbsp;&nbsp;</td>
                  <td colspan="3" align="left" class="textarea">
                    &nbsp;&nbsp;{{ projectInfo.buildScale }}
                  </td>
                </tr>
              </tbody>
            </table>
          </div>

          <div class="item2">
            <h5>项目申请单位</h5>

            <table cellspacing="0" cellpadding="0">
              <tbody align="center">
                <tr>
                  <td align="right" width="25%">项目(法人)单位&nbsp;&nbsp;</td>
                  <td align="left" colspan="3">
                    &nbsp;&nbsp;{{ projectInfo1.sqdwGuid }}
                  </td>
                </tr>
                <tr>
                  <td align="right" width="25%">
                    企业登记注册类型&nbsp;&nbsp;
                  </td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo1.registerType }}
                  </td>
                  <td align="right" width="25%">证件照类型&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo1.licenceType }}
                  </td>
                </tr>
                <tr>
                  <td align="right" width="25%">证件号码&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo1.licenceNumber }}
                  </td>
                  <td align="right" width="25%">成立日期&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo1.createTime }}
                  </td>
                </tr>
                <tr>
                  <td align="right" width="25%">单位地址&nbsp;&nbsp;</td>
                  <td align="left" colspan="3">
                    &nbsp;&nbsp;{{ projectInfo1.unitAddress }}
                  </td>
                </tr>
                <tr>
                  <td align="right" width="25%">注册资金&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo1.registerCost }}
                  </td>
                  <td align="right" width="25%">币种&nbsp;&nbsp;</td>
                  <td width="257px" align="left">
                    &nbsp;&nbsp;{{ projectInfo1.moneyType }}
                  </td>
                </tr>
                <tr>
                  <td align="right">主要经营范围&nbsp;&nbsp;</td>
                  <td colspan="3" align="left" class="textarea">
                    <!-- <textarea></textarea> -->
                    &nbsp;&nbsp;{{ projectInfo1.natureBusiness }}
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import { getProjectInfo } from "@/api/ywsp/db.js";
export default {
  data() {
    return {
      rwid: "",
      projectInfo: [],
      projectInfo1: [],
    };
  },
  async created() {
    this.rwid = this.$route.query.featid;
    const res = await getProjectInfo({
      rwid: this.rwid,
    });
    console.log(res);
    this.projectInfo = res.data.result[0]["txmxx"];
    this.projectInfo1 = res.data.result[0]["tsqdw"];
    console.log(this.projectInfo);
  },
};
</script>

<style lang="scss" scoped>
/* 必填项设置样式 */
.star {
  color: red;
}

.main {
  // width:1075px;
  width: 100%;
  // height: calc(100% - 60px);
  // height: 763px;
  // overflow-y: scroll;
  // height: 100%;
  padding-right: 20px;
  margin: 0 auto;
  h5 {
    font-size: 14px;
    margin-bottom: 12px;
  }
  .main-top {
    height: 50px;
    margin-top: 10px;
    text-align: center;
    h3 {
      font-size: 20px;
    }
  }
  .main-bottom {
    margin: 0 auto;
    // border: 1px solid plum;
    .item2 {
      table {
        width: 100%;
        height: 100%;
        border-top: 0.5px solid #dfe2eb;
        border-left: 0.5px solid #dfe2eb;
        td {
          height: 42px;
          font-size: 12px;
          border-right: 0.5px solid #dfe2eb;
          border-bottom: 0.5px solid #dfe2eb;
        }
        td:nth-child(2n + 1) {
          background-color: #fafbfc;
          // color:#86878C;
          color: #606266;
          font-size: 12px;
        }
        // td {
        //   color:#86878C;
        // }
      }
    }
    .item1 {
      margin-bottom: 30px;
      table {
        width: 100%;
        height: 100%;
        // border: 1px solid #E0E1E2;
        border-top: 0.5px solid #dfe2eb;
        border-left: 0.5px solid #dfe2eb;
        td {
          height: 42px;
          font-size: 12px;
          border-right: 0.5px solid #dfe2eb;
          border-bottom: 0.5px solid #dfe2eb;
        }
        td:nth-child(2n + 1) {
          background-color: #fafbfc;
          color: #606266;
          font-size: 12px;
        }
      }
    }
  }
}
</style>